<template>
  <div class="example">
    <transition-wrap :show="isShow">
      <div>Hello world</div>
    </transition-wrap>
    <div class="btn">
      <button @click="handleClick">{{ isShow ? '隐藏' : '显示' }}</button>
    </div>
  </div>
</template>

<script>
/**
 * 例子 - 可复用的过渡
 */
import transitionWrap from './demo/transition-wrap';

export default {
  components: {
    'transition-wrap': transitionWrap
  },
  data() {
    return {
      isShow: true
    }
  },
  methods: {
    handleClick() {
      this.isShow = !this.isShow;
    }
  }
}
</script>

